<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

			<ui:composition template="/templates/templatcadastro.xhtml">
			<ui:define name="pageTitle">PLCWeb Saúde</ui:define>
			<ui:define name="pageHeader">CADASTRO DE ASSOCIADOS</ui:define>
			<ui:define name="body">
<h:head>
<title>Bem-Vindo ao PLCWeb</title>
</h:head>
<h:body>
<h:form id="form">  
    <p:megaMenu>  
        <p:submenu label="Cadastros" icon="ui-icon-check">  
            <p:column>
             <p:submenu label="Adminstrativos">
              <p:menuitem value="Associados" url="/forms/clientescadastro.jsf" />  
              <p:menuitem value="Usuarios" url="/forms/usuarioscadastro.jsf" />
             </p:submenu>    
            </p:column>              
        </p:submenu> 
        <p:submenu label="Consulta" icon="ui-icon-check">
            <p:column>       
             <p:submenu label="Consultas" >  
                  <p:menuitem value="Associados" url="/forms/clienteslistar.jsf" />                     
             </p:submenu>
            </p:column>  
      </p:submenu>             
        <p:submenu label="Parametros" icon="ui-icon-pencil" > 
            <p:column>  
                <p:submenu label="Registro" >  
                    <p:menuitem value="Empresa" url="/parametros/registro.jsf" />                     
                </p:submenu>  
                <p:submenu label="Contas">  
                    <p:menuitem value="Banco" url="/parametros/banco.jsf" />  
                    <p:menuitem value="Bandeias Cartoes" url="/parametros/cartaobandeira.jsf" />  
                    <p:menuitem value="Formas de Pagamentos" url="/parametros/formapagto.jsf" />
                    <p:menuitem value="Instituições de Cobrança" url="/parametros/instcobranca.jsf" />
                    <p:menuitem value="Tipos de Serviços" url="/parametros/tpservico.jsf" />
                    <p:menuitem value="Serviços" url="/parametros/servico.jsf" />  
                </p:submenu> 
            </p:column>   
        </p:submenu>
        <p:menuitem value="Quit"  url="/forms/login-error.jsf" />  
    </p:megaMenu>  
     <p:megaMenu autoDisplay="false">  
     </p:megaMenu>    
    <p:growl id="growl" sticky="true" showDetail="true"/>
    <p:wizard widgetVar="wiz"  
            flowListener="#{homeMain.onFlowProcess}">  
      
        <p:tab id="pessoal" title="Dados Pessoais">  
  
            <p:panel header="Informe Dados Pessois">  
              
               <p:messages id="messagesInfP" showDetail="true" autoUpdate="true" closable="true" />  

                <h:panelGrid columns="2" columnClasses="label, value" styleClass="grid">  
                    <h:outputText value="Filiado:*" />  
                    <p:inputText required="true" label="Filiado"  
                            value="#{clientesSalvar.clientes.nmclientes}" size="45"/>
                </h:panelGrid>  
                	<h:panelGrid columns="6" columnClasses="label, value" styleClass="grid">  					

                    <h:outputText value="CPF:*" />  
                    <p:inputMask id="CPF" mask="999.999.999-99"  
                    value="#{clientesSalvar.clientes.nucpfclientes}" required="true" size="14">
                    <f:validator validatorId="validaCPFCNPJ"/>
                    </p:inputMask>
                    
                    <h:outputText value="Dt. Nasc.:*" />  
                    <p:calendar id="ptCaldtnasci" value="#{clientesSalvar.clientes.dtnascimentoclientes}" yearRange="-100" locale="pt" 
                    			navigator="true" effect="explode" 
                    			pattern="dd/MM/yyyy" required="true" label="Dt. Nascimento" size="11" />
                    
                    <h:outputText value="RG: *" />  
                    <p:inputText required="true" value="#{clientesSalvar.clientes.nuidentidclientes}" label="RG" size="16"/>
                      
                    <h:outputText value="Dt. Emissão: " />  
                    <p:calendar value="#{clientesSalvar.clientes.dtidentidclientes}" yearRange="-30" locale="pt" navigator="true" effect="explode" 
                    			id="ptCaldtemissao" pattern="dd/MM/yyyy" label="Data Emissao" size="11" />
                    
                    <h:outputText value="Sexo: *" />  
                    <p:selectOneMenu value="#{selectSexo.sexocli}" >
                    <f:selectItem itemLabel="Selecione" itemValue="" /> 
                    <f:selectItems value="#{selectSexo.sexocliente}" />
                    <f:validator validatorId="validaSexoCliente" /> 
                    </p:selectOneMenu>
                                        
                    <h:outputText value="Est. Civil:*" />  
                    <p:selectOneMenu value="#{selectEstadoCivil.estcivil}" >
                    <f:selectItem itemLabel="Selecione" itemValue="" /> 
                    <f:selectItems value="#{selectEstadoCivil.estadocivil}" /> 
                    <f:validator validatorId="validaEstCivil" />                     
                    </p:selectOneMenu>                                             
                    			              
                    <h:outputText value="Telefone: " />  
                    <p:inputMask mask="(99)9999-9999" value="#{clientesSalvar.clientes.nufone1clientes}" label="Telefone residencial" size="14"/>                         

                    <h:outputText value="Fone Celular: " />  
                    <p:inputMask mask="(99)9999-9999" value="#{clientesSalvar.clientes.nufone2clientes}" label="Telefone celular" size="14"/>
                    
                    <h:outputText value="Fone Comercial: " />  
                    <p:inputMask mask="(99)9999-9999"  value="#{clientesSalvar.clientes.nufone3clientes}" label="Telefone Comercial" size="14"/>
                                             
                    </h:panelGrid> 
              
                    <h:panelGrid columns="2" columnClasses="label, value" styleClass="grid">
                    <h:outputText value="e-mail: " />                      
                    <p:inputText value="#{clientesSalvar.clientes.emailclientes}" label="e-mail" size="45" />                    
                    
                    </h:panelGrid>
            </p:panel>  
        </p:tab>  
        
        <p:tab id="endereco" title="Endereço">  
            <p:panel header="Informe Endereço">  
              
                <p:messages id="messagesInfEnd" showDetail="true" autoUpdate="true" closable="true" />  
                  
                <h:panelGrid columns="2" columnClasses="label, value">  
                    <h:outputText value="Rua: " />  
                    <p:inputText value="#{clientesSalvar.clientes.dsenderecoclientes}" />  
                      
                    <h:outputText value="Numero: " />  
                    <p:inputText value="#{clientesSalvar.clientes.nucxpostalclientes}" />  
                    
                    <h:outputText value="Bairro: " />  
                    <p:inputText value="#{clientesSalvar.clientes.nmbairroclientes}" />
                    
                    <h:outputText value="Cidade: " />  
                    <p:inputText value="#{clientesSalvar.clientes.nmcidadeclientes}" /> 
                      
                    <h:outputText value="Estado/UF " />  
                    <p:autoComplete id="acEmpresa" value="#{selectUF.uf}" completeMethod="#{selectUF.completeUF()}" >
                    <f:validator validatorId="validaUF" /> 
                    </p:autoComplete>  

                    <h:outputText value="CEP: " />  
                    <p:inputText value="#{clientesSalvar.clientes.nucepclientes}" />  
                      
                </h:panelGrid>  
            </p:panel>  
        </p:tab>  
        
        <p:tab id="dependente" title="Dependentes">  
            <p:panel header="Informe Dependentes">  
                  
                <p:messages id="messagesDepend" showDetail="true" autoUpdate="true" closable="true" />
                
                <h:panelGrid columns="2" columnClasses="label, value">  
                    <h:outputText value="Nome:" />  
                    <p:inputText label="Nome Dependente"  
                            value="#{dependentesSalvar.dependentes.nmdependente}" />  
                    
                    <h:outputText value="Dt. Nascimento: " />  
                    <p:calendar value="#{dependentesSalvar.dependentes.dtnascimento}" yearRange="-100" locale="pt" navigator="true" effect="explode" 
                    			id="ptCaldtnascim" pattern="dd/MM/yyyy" label="Data Emissao" size="11" />
                    			
                    <h:outputText value="Tipo Documento: " />  
                    <p:inputText value="#{dependentesSalvar.dependentes.cdtpdocumento}"/>  

                    <h:outputText value="Numero Documento: " />  
                    <p:inputText value="#{dependentesSalvar.dependentes.numdocumento}"/>
                      
                    <h:outputText value="Grau Dependente: " />  
                    <p:inputText value="#{dependentesSalvar.dependentes.grauparentesco}"/>
                    
             		<p:commandButton id= "btInserir" value=" Inserir "
                 					 action="#{dependentesSalvar.incluirDependentes()}" process="@form" update="form:tableDependente"/>
                 	<p:commandButton id="btnL" value="Limpar" type="reset"/>
           			</h:panelGrid>                      
                    
                    <h:panelGrid>
                    <p:dataTable id="tableDependente" value="#{dependentesSalvar.dependentesLista}" var="d" rows="10" emptyMessage="sem dependentes">
                    <p:column>                  
                    <f:facet name="header">
                    <h:outputText value="NOME" />
                    </f:facet>
                    <h:outputText value="#{d.nmdependente}"/>
                    </p:column>
                    <p:column>
                    <f:facet name="header">
                    <h:outputText value="DATA NASCIMENTO" />
                    </f:facet>
                    <h:outputText value="#{d.dtnascimento}"/>
                    </p:column>
                    <p:column>
                    <f:facet name="header">
                    <h:outputText value="PARENTESCO" />
                    </f:facet>
                    <h:outputText value="#{d.grauparentesco}"/>
                    </p:column>
                    <p:column>
                    <f:facet name="header">
                    <h:outputText value="NUMERO DOCUMENTO" />
                    </f:facet>
                    <h:outputText value="#{d.numdocumento}"/>
                    </p:column>
                    <p:column>
                    <f:facet name="header">
                    <h:outputText value="TIPO DOCUMENTO" />
                    </f:facet>
                    <h:outputText value="#{d.cdtpdocumento}"/>
                    </p:column>
                    </p:dataTable>
                    </h:panelGrid>
                    
        </p:panel>          
        </p:tab>  

        <p:tab id="beneficiario" title="Beneficiário">  
            <p:panel header="Informe Beneficiário">  
                  
                <p:messages id="messagesBenef" showDetail="true" autoUpdate="true" closable="true" />
                
                <h:panelGrid columns="2" columnClasses="label, value">  
                    <h:outputText value="Nome:" />  
                    <p:inputText label="Nome Beneficiário"  
                            value="#{beneficiarioSalvar.beneficiario.nmbeneficiario}" />  
                                          
                    <h:outputText value="Grau Parentensco: " />  
                    <p:inputText value="#{beneficiarioSalvar.beneficiario.grauparentesco}"/>
                    
             		<p:commandButton id= "btInserirBenef" value=" Inserir "
                 					 action="#{beneficiarioSalvar.incluirBeneficiario()}" process="@form" update="form:tableBeneficiario"/>
                 	<p:commandButton id="btnLBenef" value="Limpar" type="reset"/>
           		</h:panelGrid>                      
                    
                    <h:panelGrid >
                    <p:dataTable id="tableBeneficiario" value="#{beneficiarioSalvar.beneficiarioLista}" var="b" rows="10" emptyMessage="sem beneficiado">
                    <p:column>                  
                    <f:facet name="header">
                    <h:outputText value="Nome Beneficiário" />
                    </f:facet>
                    <h:outputText value="#{b.nmbeneficiario}"/>
                    </p:column>
                    <p:column>
                    <f:facet name="header">
                    <h:outputText value="Parentesco" />
                    </f:facet>
                    <h:outputText value="#{b.grauparentesco}"/>
                    </p:column>
                    </p:dataTable>
                    </h:panelGrid>
                    
        </p:panel>          
        </p:tab>

        <p:tab id="cobranca" title="Cobrança">  
            <p:panel header="Informe dados de cobrança">  
                  
                <p:messages id="messagesCobr" showDetail="true" autoUpdate="true" closable="true" /> 
              
                <h:panelGrid columns="2" columnClasses="label, value"> 
                 
                    <h:outputText value="Ins. de Cobrança*" />  
                    <p:selectOneMenu id="insticobra" value="#{itensdeCobranca.sinstcobr}" >
                    <f:selectItem itemLabel="Selecione" itemValue="" /> 
                    <f:selectItems value="#{itensdeCobranca.sinstconbranca}" />
                    <p:ajax update="tposervico"  
                        listener="#{itensdeCobranca.handlesinstChange()}"/>
                    </p:selectOneMenu>

                    <h:outputText value="Serviço*" />  
                    <p:selectOneMenu id="tposervico" value="#{itensdeCobranca.stpserv}" >
                     <f:selectItem itemLabel="Selecione" itemValue="0" /> 
                     <f:selectItems value="#{itensdeCobranca.stpservico}" />
                     <f:validator validatorId="validaServico" />                   
                    </p:selectOneMenu>
                    </h:panelGrid>
                    
                    <p:accordionPanel activeIndex="5">
                     <p:tab title="Dados do Cartão Credito" >
                      <h:panelGrid id="credito" columns="4" title="Dados do Cartão Credito" >                   
                     	<h:outputText value="Numero do Cartão" />
                     	<h:inputText value="#{pagamentoCreditoSalvar.pagamentocredito.numcartao}" />
                     	<h:outputText value="Cartão" />
                      <p:selectOneMenu id="bandcartao" value="#{mBSelectCartaoBand.nmcartbandeira}" >
                      	<f:selectItem itemLabel="Selecione" itemValue="" /> 
                      	<f:selectItems value="#{mBSelectCartaoBand.snmcartbandeira}" />
                      </p:selectOneMenu>
                     	<h:outputText value="Codigo Segurança" />
                     	<h:inputText value="#{pagamentoCreditoSalvar.pagamentocredito.codigoseguranca}" />
                     	<h:outputText value="Titular do Cartão" />
                     	<h:inputText value="#{pagamentoCreditoSalvar.pagamentocredito.titularcartao}" />
                     	<h:outputText value="Validade (MM/AA)" />
                     	<h:inputText value="#{pagamentoCreditoSalvar.pagamentocredito.validade}" />                    
                     </h:panelGrid>
                    </p:tab>
                    <p></p>
                    <p:tab title="Dados Bancário">
                     <h:panelGrid id="bancario" columns="4" title="Dados Bancário">                   
                     	<h:outputText value="Agencia" />
                     	<h:inputText value="#{dadosBancarioSalvar.dadosbancario.agencia}" />
                     	<h:outputText value="Op." />
                      	<h:inputText value="#{dadosBancarioSalvar.dadosbancario.operacao}" />
                     	<h:outputText value="Conta" />
                     	<h:inputText value="#{dadosBancarioSalvar.dadosbancario.conta}" />
                     	<h:outputText value="Dia Pagamento" />
                     	<h:inputText value="#{dadosBancarioSalvar.dadosbancario.diapagto}" />                    
                     </h:panelGrid>
                    </p:tab> 
                    <p></p>
                    <p:tab title="Conta de Energia" >
                     <h:panelGrid id="cemig" columns="4" title="Conta de Energia">                   
                     	<h:outputText value="Titular Conta" />
                     	<h:inputText value="#{contaEnergiaSalvar.contaenergia.nmtitular}" />
                     	<h:outputText value="Documento" />
                     	<h:inputText value="#{contaEnergiaSalvar.contaenergia.documento}" />
                     	<h:outputText value="Instalação" />
                     	<h:inputText value="#{contaEnergiaSalvar.contaenergia.codigoinstalacao}" />
                     	<h:outputText value="Codigo Cliente" />
                     	<h:inputText value="#{contaEnergiaSalvar.contaenergia.codigocliente}" />                    
                     </h:panelGrid>
                    </p:tab>
                    <p></p>
                    <p:tab title="Conta de Água" >
                     <h:panelGrid id="copasa" columns="4" title="Conta de Água">                   
                     	<h:outputText value="Hidrometro" />
                     	<h:inputText value="#{contaAguaSalvar.contaagua.numhidrometro}" />
                     	<h:outputText value="Dia Vencimento" />
                     	<h:inputText value="#{contaAguaSalvar.contaagua.diavencimento}" size="2"/>                    
                     </h:panelGrid>
                    </p:tab> 
                    </p:accordionPanel>
                    <h:panelGrid>
                    <p:commandButton id= "btInserirCobran" value=" Inserir "
                 					 action="#{itensdeCobranca.incluirCobranca()}" process="@form" update="form:tableItensCobranca"/>
                    </h:panelGrid>
                    <h:panelGrid >
                    <p:dataTable id="tableItensCobranca" value="#{itensdeCobranca.clientelistaservico}" var="c" rows="10" emptyMessage="sem registro">
                    <p:column>                  
                    <f:facet name="header">
                    <h:outputText value="Empresa" />
                    </f:facet>
                    <h:outputText value="#{c.nmempresa}"/>
                    </p:column>
                    <p:column>
                    <f:facet name="header">
                    <h:outputText value="Serviço" />
                    </f:facet>
                    <h:outputText value="#{c.nmservico}"/>
                    </p:column>
                    <p:column>
                    <f:facet name="header">
                    <h:outputText value="Usuario" />
                    </f:facet>
                    <h:outputText value="#{c.nmusuario}"/>
                    </p:column>
                    </p:dataTable>
                    </h:panelGrid>                    
                      
 
            </p:panel>  
        </p:tab>  
              
        <p:tab id="confirm" title="Confirmação">  
            <p:panel header="Confirmação">  
              
                <h:panelGrid id="confirmation" columns="6">  
                    <h:outputText value="Filiado: " />  
                    <h:outputText styleClass="outputLabel"  
                                value="#{clientesSalvar.clientes.nmclientes}" style="font-weight:bold; font-style:italic"/>  
                      
                    <h:outputText value="CPF: " />  
                    <h:outputText  styleClass="outputLabel"  
                                value="#{clientesSalvar.clientes.nucpfclientes}" style="font-weight:bold; font-style:italic"/>  
                      
                    <h:outputText value="Dat. Nasc.: " />  
                    <h:outputText styleClass="outputLabel"  
                                value="#{clientesSalvar.clientes.dtnascimentoclientes}" style="font-weight:bold; font-style:italic"/>  
                      
                    <h:outputText value="Sexo: " />  
                    <h:outputText styleClass="outputLabel"  
                                value="#{selectSexo.sexocli}" style="font-weight:bold; font-style:italic"/>  
                      
                    <h:outputText value="Est. Civil: " />  
                    <h:outputText styleClass="outputLabel"  
                                value="#{selectEstadoCivil.estcivil}" style="font-weight:bold; font-style:italic"/>  
                      
                    <h:outputText value="Telefone: " />  
                    <h:outputText styleClass="outputLabel"  
                                value="#{clientesSalvar.clientes.nufone1clientes}" style="font-weight:bold; font-style:italic"/>  
                      
                    <h:outputText value="Celular: " />  
                    <h:outputText styleClass="outputLabel"  
                                value="#{clientesSalvar.clientes.nufone2clientes}" style="font-weight:bold; font-style:italic"/>  
                      
                    <h:outputText value="Comercial: " />  
                    <h:outputText styleClass="outputLabel"  
                                value="#{clientesSalvar.clientes.nufone3clientes}" style="font-weight:bold; font-style:italic"/>  
                      
                    <h:outputText value="e-mail: " />  
                    <h:outputText styleClass="outputLabel"  
                                value="#{clientesSalvar.clientes.emailclientes}" style="font-weight:bold; font-style:italic"/>  

                    <h:outputText value="Rua: " />  
                    <h:outputText styleClass="outputLabel"  
                                value="#{clientesSalvar.clientes.dsenderecoclientes}" style="font-weight:bold; font-style:italic"/>

                    <h:outputText value="Número: " />  
                    <h:outputText styleClass="outputLabel"  
                                value="#{clientesSalvar.clientes.nucxpostalclientes}" style="font-weight:bold; font-style:italic"/>

                    <h:outputText value="Bairro: " />  
                    <h:outputText styleClass="outputLabel"  
                                value="#{clientesSalvar.clientes.nmbairroclientes}" style="font-weight:bold; font-style:italic"/>
                                
                    <h:outputText value="Cidade: " />  
                    <h:outputText styleClass="outputLabel"  
                                value="#{clientesSalvar.clientes.nmcidadeclientes}" style="font-weight:bold; font-style:italic"/>
                                
                    <h:outputText value="Cidade/UF: " />  
                    <h:outputText styleClass="outputLabel"  
                                value="#{selectUF.uf}" style="font-weight:bold; font-style:italic"/>
                                                                  
                    <h:outputText value="Cep: " />  
                    <h:outputText styleClass="outputLabel"  
                                value="#{clientesSalvar.clientes.nucepclientes}" style="font-weight:bold; font-style:italic"/>
                	</h:panelGrid>
                	
                	<h:outputText value="Dependentes" style="font-weight:bold; font-style:italic; font-size:22"/>
                	
                	<h:panelGrid>
                    <p:dataTable id="tableListDepend" value="#{dependentesSalvar.dependentesLista}" var="d" emptyMessage="sem dependentes">  
                    <p:column>  
                      <f:facet name="header">  
                        <h:outputText value="Nome Dependente"/>  
                      </f:facet>  
                        <h:outputText value="#{d.nmdependente}"/>                         
                    </p:column>
                    <p:column>  
                      <f:facet name="header">  
                        <h:outputText value="Data Nascimento"/>  
                      </f:facet>  
                        <h:outputText value="#{d.dtnascimento}"/>                         
                    </p:column>
                    <p:column>  
                      <f:facet name="header">  
                        <h:outputText value="Numero Documento"/>  
                      </f:facet>  
                        <h:outputText value="#{d.numdocumento}"/>                         
                    </p:column>                                         
                    <p:column>  
                      <f:facet name="header">  
                        <h:outputText value="Grau parentesco"/>  
                      </f:facet>  
                        <h:outputText value="#{d.grauparentesco}"/>                         
                    </p:column>                     
             		</p:dataTable>             		
             		</h:panelGrid>
             		
             		<h:outputText value="Beneficiário" style="font-weight:bold; font-style:italic; font-size:22"/>
                    <h:panelGrid >
                    <p:dataTable id="tableListBeneficiario" value="#{beneficiarioSalvar.beneficiarioLista}" var="b" emptyMessage="sem beneficiado">
                    <p:column>                  
                    <f:facet name="header">
                    <h:outputText value="Nome Beneficiário" />
                    </f:facet>
                    <h:outputText value="#{b.nmbeneficiario}"/>
                    </p:column>
                    <p:column>
                    <f:facet name="header">
                    <h:outputText value="Parentesco" />
                    </f:facet>
                    <h:outputText value="#{b.grauparentesco}"/>
                    </p:column>
                    </p:dataTable>
                    </h:panelGrid>
                    
                    <h:outputText value="Condições de Pagamentos" style="font-weight:bold; font-style:italic; font-size:22"/>
                    <h:panelGrid >
                    <p:dataTable id="tableItensCobrancashow" value="#{itensdeCobranca.clientelistaservico}" var="c" rows="10" emptyMessage="sem registro">
                    <p:column>                  
                    <f:facet name="header">
                    <h:outputText value="Empresa" />
                    </f:facet>
                    <h:outputText value="#{c.nmempresa}"/>
                    </p:column>
                    <p:column>
                    <f:facet name="header">
                    <h:outputText value="Serviço" />
                    </f:facet>
                    <h:outputText value="#{c.nmservico}"/>
                    </p:column>
                    <p:column>
                    <f:facet name="header">
                    <h:outputText value="Usuario" />
                    </f:facet>
                    <h:outputText value="#{c.nmusuario}"/>
                    </p:column>
                    </p:dataTable>
                    </h:panelGrid>               		
                   
                <p:commandButton value="Salvar" update="growl"   
                            actionListener="#{clientesSalvar.salvarClientes()}"/>              
            </p:panel>  
        </p:tab>          
    </p:wizard>  
      
</h:form> 
	</h:body>	
			</ui:define>
	</ui:composition>

</html>